<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>房联行增值服务部后台管理中心</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>	
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
		        <a href="javascript:;">首页</a>
		        <a href="javascript:;">预约管理</a>
		        <a><cite>预约列表</cite></a>
		    </span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="layui-icon layui-icon-refresh-1" style="line-height:30px"></i>
			</a>
		</div>
		<div class="x-body">
			<div class="layui-row">
				<form class="layui-form">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">关键字：</label>
							<div class="layui-input-inline">
								<input type="text" name="username" placeholder="预约人姓名,手机号,所在地" autocomplete="off" class="layui-input">
							</div>
						</div>	
				    	<div class="layui-inline">
				    		<label class="layui-form-label">预约状态：</label>
							<div class="layui-input-inline">
								<select name="style">
								<option value="">请选择</option>
						        <option value="预约中">预约中</option>
						        <option value="已预约">已预约</option>
						        <option value="取消预约">取消预约</option>
						        <option value="确认量房">确认量房</option>
						        <option value="已量房">已量房</option>
						    </select>
							</div>
				    	</div>
				    	<div class="layui-inline">
				    		<label class="layui-form-label">预约类型：</label>
							<div class="layui-input-inline">
								<select name="type">
						        <option value="">请选择</option>
						        <option value="户型">装修公司</option>
						        <option value="户型">设计师</option>
						        <option value="户型">工长</option>
						    </select>
							</div>
				    	</div>
				    	<div class="layui-inline">
					        <label class="layui-form-label">预约时间：</label>
					        <div class="layui-input-inline">
					        	<input type="text" name="start" id="start" placeholder="开始日期" autocomplete="off" class="layui-input">
					        </div>
					        <div class="layui-form-mid">-</div>
					        <div class="layui-input-inline">
					        	<input type="text" name="end" id="end" placeholder="结束日期" autocomplete="off" class="layui-input">
					        </div>
					    </div> 
					    <div class="layui-inline">
					    	<label class="layui-form-label"></label>
				    		<button class="layui-btn layui-bg-green" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
				    		<button class="layui-btn layui-bg-orange" type="reset">清空</button>
					    </div>
					</div>
				</form>
			</div>
			<div class="formstyle" style=" overflow-x: scroll;">
				<table class="layui-table">
					<thead>
						<tr>
							<th></th>
							<th>操作</th>
							<th>预约编号</th>
							<th>预约状态</th>
							<th>预约人姓名</th>
							<th>预约人电话</th>
							<th>预约人所在地</th>
							<th>小区名称</th>
							<th>房屋信息</th>
							<th>预约类型</th>
							<th>预约面积(平米)</th>
							<th>装修类型</th>
							<th>装修风格</th>
							<th>装修户型</th>
							<th>装修预算</th>
							<th>装修方式</th>
							<th>目前装修情况</th>
							<th>量房开始时间</th>
							<th>量房结束时间</th>
							<th>预约备注</th>
							<th>预约时间</th>
							<th>取消原因</th>
						</tr>
					</thead>
					<tbody id="yy">
						<tr id="1">
							<td>1</td>
							<td class="td-manage">
								<button class="layui-btn layui-btn-warm layui-btn-sm" onclick="yybtn(this,'要操作的id')"><i class="layui-icon layui-icon-release"></i>我要预约</button>
							</td>
							<td>YY00100020</td>
							<td>预约中</td>
							<td>林哥</td>
							<td>13703499909</td>
							<td>洛阳</td>
							<td>正大国际</td>
							<td>房屋信息</td>
							<td>设计师</td>
							<td>141</td>
							<td>装修类型</td>
							<td>装修风格</td>
							<td>装修户型</td>
							<td>装修预算</td>
							<td>装修方式</td>
							<td>目前装修情况</td>
							<td>量房开始时间</td>
							<td>量房结束时间</td>
							<td>预约备注</td>
							<td>预约时间</td>
							<td>取消原因</td>
						</tr>
						<tr id="2">
							<td>20</td>
							<td class="td-manage">
								<button class="layui-btn layui-btn-warm layui-btn-sm" onclick="yybtn(this,'要操作的id')"><i class="layui-icon layui-icon-release"></i>我要预约</button>
							</td>
							<td>YY00100020</td>
							<td>预约中</td>
							<td>林哥</td>
							<td>13703499909</td>
							<td>洛阳</td>
							<td>正大国际</td>
							<td>房屋信息</td>
							<td>设计师</td>
							<td>141</td>
							<td>装修类型</td>
							<td>装修风格</td>
							<td>装修户型</td>
							<td>装修预算</td>
							<td>装修方式</td>
							<td>目前装修情况</td>
							<td>量房开始时间</td>
							<td>量房结束时间</td>
							<td>预约备注</td>
							<td>预约时间</td>
							<td>取消原因</td>
						</tr>
						<tr id="3">
							<td>30</td>
							<td class="td-manage">
								<button class="layui-btn layui-btn-warm layui-btn-sm" onclick="yybtn(this,'要操作的id')"><i class="layui-icon layui-icon-release"></i>我要预约</button>
							</td>
							<td>YY00100020</td>
							<td>预约中</td>
							<td>林哥</td>
							<td>13703499909</td>
							<td>洛阳</td>
							<td>正大国际</td>
							<td>房屋信息</td>
							<td>设计师</td>
							<td>141</td>
							<td>装修类型</td>
							<td>装修风格</td>
							<td>装修户型</td>
							<td>装修预算</td>
							<td>装修方式</td>
							<td>目前装修情况</td>
							<td>量房开始时间</td>
							<td>量房结束时间</td>
							<td>预约备注</td>
							<td>预约时间</td>
							<td>取消原因</td>
						</tr>
						<tr id="4">
							<td>30</td>
							<td class="td-manage">
								<button class="layui-btn layui-btn-warm layui-btn-sm" onclick="yybtn(this,'要操作的id')"><i class="layui-icon layui-icon-release"></i>我要预约</button>
							</td>
							<td>YY00100020</td>
							<td>预约中</td>
							<td>林哥</td>
							<td>13703499909</td>
							<td>洛阳</td>
							<td>正大国际</td>
							<td>房屋信息</td>
							<td>设计师</td>
							<td>141</td>
							<td>装修类型</td>
							<td>装修风格</td>
							<td>装修户型</td>
							<td>装修预算</td>
							<td>装修方式</td>
							<td>目前装修情况</td>
							<td>量房开始时间</td>
							<td>量房结束时间</td>
							<td>预约备注</td>
							<td>预约时间</td>
							<td>取消原因</td>
						</tr>
						<tr id="5">
							<td>30</td>
							<td class="td-manage">
								<button class="layui-btn layui-btn-warm layui-btn-sm" onclick="yybtn(this,'要操作的id')"><i class="layui-icon layui-icon-release"></i>我要预约</button>
							</td>
							<td>YY00100020</td>
							<td>预约中</td>
							<td>林哥</td>
							<td>13703499909</td>
							<td>洛阳</td>
							<td>正大国际</td>
							<td>房屋信息</td>
							<td>设计师</td>
							<td>141</td>
							<td>装修类型</td>
							<td>装修风格</td>
							<td>装修户型</td>
							<td>装修预算</td>
							<td>装修方式</td>
							<td>目前装修情况</td>
							<td>量房开始时间</td>
							<td>量房结束时间</td>
							<td>预约备注</td>
							<td>预约时间</td>
							<td>取消原因</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div id="page"></div>
		</div>
		<script>
			layui.use(['laypage', 'laydate'], function() {
				var laydate = layui.laydate
				,laypage = layui.laypage;
				//时间调用
				laydate.render({
					elem: '#start'
				});
				laydate.render({
					elem: '#end'
				});
			    //分页
			    laypage.render({
					elem: 'page'
			        ,count: 100
			        ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
			        ,jump: function(obj){
			          console.log(obj)
			        }
			    });
			});

		</script>
	</body>
</html>